html {background:#090909;}
body {
  background:#D8FF1B;
  background:url(),-moz-radial-gradient(center 20%,circle cover,#C9F207 0%,#1D2301 100%);
  background:url(),-webkit-gradient(radial,center 40%,0,center 40%,800,from(#C9F207),to(#1D2301));
  color:#111;
}
.container-post:after,.main:after,.column:after,.sub-container-post:after,.navigation:after,.masthead-container-post:after,.top-container-post:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  font-size:0;
  line-height:0;
  visibility:hidden;
  overflow:hidden;
}
li#blog-pager-newer-link,li#blog-pager-older-link,li.home-link {border-left:1px solid #677B08!Important;}
#toggle-container a,#toggle-container,#blog-pager a,li.home-link,li.judul-posting {color:#000!Important;}
#toggle-container {
  border:none;
  background:#adcd16;
  background:-moz-linear-gradient(top,#adcd16 0%,#85a310 50%,#788f0d 51%,#adcd16 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#adcd16),color-stop(50%,#85a310),color-stop(51%,#788f0d),color-stop(100%,#adcd16));
  background:-webkit-linear-gradient(top,#adcd16 0%,#85a310 50%,#788f0d 51%,#adcd16 100%);
}
.content a:link,.content a:visited,.content a:active {
  color: rgb(52, 108, 152);
  text-decoration: none;
  }
.content a:focus,.content a:hover {
  color: rgb(88, 134, 167);
  text-decoration: none;
}
.footerwrap,.footerwrap a,.footergrd p,.footergrd li {
  text-decoration:none;
  color:#353535 !important;
}
.footerwrap {background:#050505;}
.footergrd li,.data-title {border-bottom:1px solid #222;}
.container-post {
  background:url(../image/posts/container_bg.jpg) repeat-x;
  position:relative;
  margin-top:-70px;
}
.post ul li {
  padding-left:0;
  margin-left:0;
}
.top-container-post {
  width:990px;
  height:39px;
  float:right;
}
.masthead-container-post {
  height:302px;
  background:url(../image/posts/boy.jpg) no-repeat left top;
  width:990px;
}
h1.title-tutorial {
  float:left;
  margin:20px 0 0 284px;
  width:305px;
  white-space: nowrap;
  font: 100 3em/0.85em "roboto",arial narrow,arial,sans serif;
  text-transform: uppercase;
  color: rgb(85, 85, 85);
  text-shadow: 0px -1px 1px rgba(2, 2, 2, 0.9);
}
.tools {
  width:300px;
  padding:26px 0 0 30px;
  float:right;
}
.tools li {
  list-style:none;
  float:right;
}
.tools li a {
  display:block;
  text-indent:-999em;
  overflow:hidden;
}
.tools li.rss {padding-right:15px;}
.tools li.rss a {
  background:url(../image/posts/rss.gif) no-repeat;
  width:65px;
  height:65px;
}
.tools li.rss a:hover {background-position:0 -65px;}
.tools li.email a {
  background:url(../image/posts/email.gif) no-repeat;
  width:76px;
  height:66px;
}
.tools li.email a:hover {background-position:0 -66px;}
.asides {
  width:365px;
  float:left;
  margin-bottom:10px;
}
.asides .navigation {
  background:url(../image/posts/navigation_bg.gif) repeat-x top;
  height:57px;
  margin-bottom:10px;
  position:relative;
}
.asides .navigation .edge-nav {
  background:url(../image/posts/nav_edge.png~original.png) no-repeat;
  width:41px;
  height:57px;
  position:absolute;
  bottom:0;
  right:0;
}
.asides .navigation li {float:left;}
.asides .navigation a {
  height:57px;
  display:block;
  text-indent:-999em;
}
.asides .navigation a.home {
  background:url(../image/posts/home.gif) no-repeat;
  width:71px;
}
.asides .navigation a.about {
  background:url(../image/posts/about.gif) no-repeat;
  width:73px;
}
.asides .navigation a.archives {
  background:url(../image/posts/archives.gif) no-repeat;
  width:95px;
}
.asides .navigation a.contact {
  background:url(../image/posts/contact.gif) no-repeat;
  width:83px;
}
.asides .navigation a.home:hover,.asides .navigation a.about:hover,.asides .navigation a.archives:hover,.asides .navigation a.contact:hover {background-position:0 -57px;}
.asides .one {
  width:340px;
  margin:0 10px;
  padding:10px 0;
}
.asides h2.featured {
  background:url(../image/posts/featured_h2.png) no-repeat;
  text-indent:-999em;
  display:block;
  padding:0;
  margin-left:10px;
  height:34px;
}
.asides .featured-post {padding:10px;}
.asides .featured-post h2 {
  background:url(../image/posts/dash_orange.gif) repeat-x bottom;
  color:#c6c80e;
  display:block;
  padding-bottom:6px;
}
.widget-content a {
  color:#bfba8b;
  font-size:.8em;
  line-height:1.5em;
}
.widget-content {color:#bfba8b;}
.asides .featured-post p.meta {
  font:.7em georgia,times,serif;
  color:#9d986c;
  letter-spacing:1px;
}
.asides .featured-post p.more a {
  background:url(../image/posts/arrow_orange.gif) no-repeat 0 5px;
  padding-left:15px;
  color:#f46229;
}
.asides .featured-post p.more a:hover {
  background:url(../image/posts/arrow_lightgreen.gif) no-repeat 0 5px;
  color:#c6c80e;
}
.asides .featured-post img {
  padding:6px;
  background:#6f5931;
  border:2px dashed #826a3e;
}
.main {
  margin:0;
  float:left;
}
.column {float:left;}
.content {
  float:left;
  position:relative;
  top:-150px;
  margin-bottom:-140px;
  width:613px;
  padding:6px;
  background:#fefced;
}
.container-post .edge {
  background:url(../image/posts/two_edge.png) no-repeat;
  position:absolute;
  z-index:10;
  left:926px;
  top:152px;
  width:64px;
  height:60px;
}
.edge-alt {
  background:url(../image/posts/two_blue_edge.png) no-repeat;
  position:absolute;
  z-index:20;
  left:-6px;
  bottom:-6px;
  width:68px;
  height:61px;
}
.content .two {
  background:#f2f0de url(../image/posts/two_bg.jpg) repeat-y right;
  padding:6px;
  width:601px;
  position:relative;
}
.content .two h2 a {
  background:url(../image/posts/dash_brown.gif) repeat-x bottom;
  color:#a6431c;
  display:block;
  padding-bottom:4px;
}
.content .two h2 a:hover {color:#828415;}
.content .two h2.pagetitle {padding-left:15px;}
.content .two .entry {
  margin-bottom:15px;
  margin-left:110px;
}
.content .two .entry-extended {
  padding:0 15px 15px 15px;
  margin-bottom:30px;
  width:570px;
}
.content .two .entry-extended li.cat-item {
  padding-top:6px;
  padding-left:10px;
}
.content .two .entry-extended .postmetadata p {padding-bottom:0;}
.content .two .entry-extended  p.meta {padding-bottom:5px;}
.content .two .entry-thumb {
  width:82px;
  height:82px;
  padding:6px;
  background:#dcd8c5;
  border:1px solid #bcb99e;
  float:left;
}
.content .two .entry-thumb img {
  width:82px;
  height:82px;
  padding:0;
}
.content .navigation {
  margin-top:50px;
  margin-left:110px;
}
ol.commentlist li {
  background:#e2e0ca;
  background:url(../image/posts/commentlist.gif) repeat;
  font-size:.8em;
}
ol.commentlist li.alt {
  background:#e0e5d6;
  background:url(../image/posts/commentlist_alt.gif) repeat;
  margin-bottom:10px;
}
ol.commentlist li p {
  font-size:.9em !important;
  clear:left;
  padding:10px 20px 10px 40px;
}
form {font-size:.8em;}
input {margin-bottom:5px;}
input.short {margin-left:4px;}
legend span {color:#888;}
textarea {margin-bottom:10px;}
fieldset label {float:left;}
.sub-container-post {
  float:left;
  clear:both;
  width:100%;
}
.sub-container-post .one {
  width:342px;
  margin-left:10px;
}
.sub-container-post ul li {padding-bottom:20px;}
.sub-container-post li ul {
  background:none;
  padding:0 0 10px 0;
}
.sub-container-post li {
  padding:2px 12px;
  font-size:.8em;
}
.sub-container-post li ul li {
  padding:2px 12px;
  font-size:100%;
}
.sub-container-post ul li ul li a {
  background:url(../image/posts/dash_grey.gif) repeat-x bottom;
  display:block;
}
.sub-container-post .category a {
  color:#b4bdc2;
  padding-bottom:4px;
}
.sub-container-post .category a:hover {color:#fff;}
.sub-container-post .category {
  background:url(../image/posts/categories.jpg) no-repeat bottom;
  padding-top:10px;
  width:342px;
  position:relative;
  border-top:1px solid #333;
}
.sub-container-post .category .edge-cat {
  background:url(../image/posts/cat_edge.png) no-repeat right bottom;
  height:46px;
  width:43px;
  position:absolute;
  bottom:0;
  right:1px;
}
.sub-container-post .category li h2 {
  background:url(../image/posts/categories_h2.gif) no-repeat;
  width:140px;
  height:27px;
  text-indent:-999em;
  overflow:hidden;
}
.sub-container-post .category ul {
  padding:0;
  height:20em;
}
.sub-container-post .category li ul {background:none;}
.sub-container-post .two {
  width:288px;
  margin-left:10px;
}
.sub-container-post .discussed {
  background:url(../image/posts/discussed.jpg) no-repeat bottom;
  padding-top:10px;
  position:relative;
  border-top:1px solid #333;
}
.sub-container-post .discussed .edge-dis {
  background:url(../image/posts/green_edge.png) no-repeat right bottom;
  height:45px;
  width:44px;
  position:absolute;
  bottom:0;
  right:0;
}
.sub-container-post .discussed h2 {
  background:url(../image/posts/discussed-1.gif) no-repeat;
  width:201px;
  height:22px;
  padding-bottom:15px;
  text-indent:-999em;
  overflow:hidden;
}
.sub-container-post .discussed ul {
  padding:0;
  height:20em;
}
.sub-container-post .discussed li ul {background:none;}
.sub-container-post .discussed a {
  background:url(../image/posts/dash_lightgreen.gif) repeat-x bottom;
  color:#ece9d7;
  padding-bottom:4px;
}
.sub-container-post .discussed a:hover {color:#333;}
.sub-container-post .three {
  width:332px;
  margin-left:10px;
}
.sub-container-post .links {
  background:url(../image/posts/links.jpg) no-repeat bottom;
  padding-top:10px;
  position:relative;
  border-top:1px solid #333;
}
.sub-container-post .links .edge-links {
  background:url(../image/posts/red_edge.png) no-repeat right bottom;
  height:48px;
  width:50px;
  position:absolute;
  bottom:-1px;
  right:0;
}
.sub-container-post .links h2 {
  background:url(../image/posts/links-1.gif) no-repeat;
  width:200px;
  height:27px;
  text-indent:-999em;
  overflow:hidden;
}
.sub-container-post .links ul {
  padding:0;
  height:20em;
}
.sub-container-post .links li ul {background:none;}
.sub-container-post .links li ul li {padding:2px 12px;}
.sub-container-post .links a {
  background:url(../image/posts/dash_rose.gif) repeat-x bottom;
  color:#ece9d7;
  padding-bottom:4px;
}
.sub-container-post .links a:hover {color:#333;}
code,pre,i[rel="code"],i[rel="pre"] {
  font-style:normal;
  font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
  color:#BC587E;
}
code a {color:inherit;}
pre,i[rel="pre"] {
  display:block;
  font-style:normal;
  font-size:12px;
  line-height:18px;
  background-color:#292E34;
  color:#8E9081;
  padding:10px 12px;
  border-left:4px solid #40627E;
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
}
pre[data-codetype="CSS"] {border-left-color:#5C9152;}
pre[data-codetype="HTML"] {border-left-color:#628998;}
pre[data-codetype="JavaScript"] {border-left-color:#BCB9A7;}
pre[data-codetype="JQuery"] {border-left-color:#645F8E;}
pre[data-codetype="JQuery UI"] {border-left-color:#CEA076;}
pre[data-codetype="XML"] {border-left-color:#B25A5A;}
pre code {
  color:inherit !important;
  font-weight:normal;
  display:block;
}
pre.numbered .line-number {
  display:block;
  float:left;
  text-align:right;
  margin:-10px 12px -10px -12px;
  padding:10px 12px;
  background-color:#2E3439;
}
pre.numbered .line-number span {
  display:block;
  position:relative;
}
pre.numbered .line-number em {
  font:inherit;
  position:absolute;
  top:-5px;
  left:100%;
  margin-left:15px;
  background-color:#D1B750;
  border-color:#D1B750;
  color:#333;
  -webkit-box-shadow:0 3px 5px black;
  -moz-box-shadow:0 3px 5px black;
  box-shadow:0 3px 5px black;
  line-height:1;
  padding:4px 5px;
  display:none;
}
pre.numbered .line-number em:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:4px solid transparent;
  border-right-color:inherit;
  border-bottom-color:inherit;
  position:absolute;
  top:50%;
  right:100%;
  margin-top:-4px;
}
pre.numbered .line-number a {color:#585F64;}
pre.numbered .line-number a:focus+em,pre.numbered .line-number a:hover+em,pre.numbered .line-number span:hover em,pre.numbered .line-number span:target em {display:block;}
pre.numbered .line-number span:target {
  font-weight:bold;
  background-color:#40464B;
  margin:0 -12px;
  padding:0 12px;
}
pre.numbered .line-number span:target a {color:#8E9081;}
pre.numbered:hover .line-number span:target em {display:none;}
.js pre.numbered {border-left-width:0;}
pre.numbered[data-codetype]:before {
  content:attr(data-codetype);
  display:block;
  margin:-10px -12px 10px;
  padding:8px 12px;
  font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;
  font-size:14px;
  text-transform:uppercase;
  background-color:#40627E;
  color:white;
}
pre.numbered[data-codetype="CSS"]:before {background-color:#5C9152;}
pre.numbered[data-codetype="HTML"]:before {background-color:#628998;}
pre.numbered[data-codetype="JavaScript"]:before {background-color:#BCB9A7;}
pre.numbered[data-codetype="JQuery"]:before {background-color:#645F8E;}
pre.numbered[data-codetype="JQuery UI"]:before {background-color:#CEA076;}
pre.numbered[data-codetype="XML"]:before {background-color:#B25A5A;}
pre.numbered[data-codetype*="+"]:before {content:"Kode";}
pre .branch-link {
  border-bottom:1px dotted;
  text-decoration:none !important;
}
pre .comment,pre .template_comment,pre .diff .header,pre .lisp .string,pre .javadoc {
  color:#93a1a1;
  font-style:italic;
}
pre .doctype {color:#DF7C51;}
pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .method,pre .addition,pre .css .tag,pre .lisp .title {color:#89A252;}
pre .css .class {color:#A7AA9B;}
pre .number,pre .command,pre .string,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor {color:#628998;}
pre .title,pre .localvars,pre .function .title,pre .chunk,pre .decorator,pre .builtin,pre .built_in,pre .lisp .title,pre .identifier,pre .title .keymethods,pre .id {color:#86AADE;}
pre .tag .title,pre .rules .property,pre .django .tag .keyword {font-weight:bold;}
pre .attribute,pre .variable,pre .instancevar,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .label {color:#A59355;}
pre .preprocessor,pre .pi,pre .shebang,pre .symbol,pre .diff .change,pre .special,pre .keymethods,pre .important,pre .subst,pre .cdata {color:#B25A5A;}
pre .tag .value,pre .attr_selector,pre .javascript .literal {color:#BFBF90;}
pre .deletion {color:#dc322f;}
pre .tex .formula {background:#eee8d5;}
pre .tag {color:#A0A28B;}
figure {
  background-color:#fafafa;
  border:1px solid #eee;
  padding:10px;
  text-align:center;
}
figure figcaption {
  margin:10px 0 0;
  font-size:86%;
}
blockquote,b[rel="quote"] {
  display:block;
  font:inherit;
  position:relative;
  background-color:#5D73B5;
  color:white;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
  padding:1.3em 1.6em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
blockquote:before,b[rel="quote"]:before {
  content:"";
  width:0;
  height:0;
  border:7px solid transparent;
  border-bottom-color:#5D73B5;
  position:absolute;
  top:-14px;
  right:15px;
}
blockquote a,blockquote a:hover,blockquote a:focus,blockquote code,b[rel="quote"] a,b[rel="quote"] a:hover,b[rel="quote"] a:focus {
  color:#FFEAE5;
  background:none;
  text-shadow:none;
}
.button-group {text-align:center;}
.button-group .button {
  display:inline;
  padding:1em 1.7em .9em;
  line-height:5.5em;
}
table {table-layout:fixed;}
table[border="1"] th,table[border="1"] td {
  border:1px solid #bbb;
  padding:.5em .7em;
}
table th,table td {
  vertical-align:top;
  word-wrap:break-word;
}
table caption {
  font-size:96%;
  color:#999;
}
table[border="1"] th {
  background-color:#fafafa;
  text-align:left;
}
table[border="1"] caption {padding:.5em .7em;}
table.config {background-color:#FFF0A0;}
table.config td,table.config th {border-color:#333;}
table.config th {
  background-color:#333;
  color:white;
}
table tr:target td {background-color:#DCE2F3;}
table.reference {font-size:86%;}
.catatan {
  background-color:#FFFAC1;
  padding:1.8em 2em;
  margin-left:2%;
  margin-right:2%;
  font-family:Georgia,"URW Bookman L",Serif;
  font-style:italic;
  line-height:1.42;
  color:#222;
  position:relative;
  text-shadow:none;
}
.catatan:before {
  content:"";
  display:block;
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}
.catatan code {font-style:normal;}
.catatan.resource {
  margin-left:0;
  margin-right:0;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-style:normal;
  padding:1.5em;
  background-color:#eee;
}
.catatan.resource img,.catatan.resource a img {
  border:2px solid #aaa;
  padding:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:.8em 0 1em;
}
.alert,.instruction,.tip {
  background-color:#FFBABA;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  color:#D8000C;
  border:1px solid;
  border-bottom-color:#BF030D;
  margin-top:20px;
  padding:.6em 1em .8em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(0,0,0,.2);
}
.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
  border-bottom-color:#40710A;
}
.tip {
  background-color:#BEDBF4;
  background-image:-webkit-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-moz-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-ms-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-o-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:linear-gradient(top,#BEDBF4,#70B3DC);
  border:1px solid #5E96B7;
  border-bottom-color:#5688A7;
  color:#29526F;
}
.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
}
.template {
  max-height:250px;
  overflow:auto;
  background-color:#fafafa;
  border:3px double #bbb;
  width:96%;
  -webkit-box-shadow:inset 0 0 5px #888;
  -moz-box-shadow:inset 0 0 5px #888;
  box-shadow:inset 0 0 5px #888;
  padding:4px;
  font-size:86%;
}
.template table,.template td {
  border:none;
  margin:0;
}
.template table h4 {
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 5px;
  padding:0;
  letter-spacing:0;
}
.template table h4 a,.template table h4 a:visited {
  display:block;
  color:#247C83;
  padding:7px 10px 4px;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.1),rgba(0,0,0,0));
}
.template td {padding:10px;}
.template img {
  border:1px solid #ccc;
  background-color:white;
  padding:1px;
  max-width:none;
}
.reference-link p:only-child {text-align:right;}
.gambar_1 {
  background:url(http://3.bp.blogspot.com/-1d-Wt1noe-E/UmU68NgNM1I/AAAAAAAAABI/nGWB53b1S-E/s1600/genetic_1.png)no-repeat top center;
  width:340px;
  height:772px;
  margin:0;
}
header.header,header.header section.header11 .nav a,header.header section.header11 .nav,.comments {display:none;}
